@import "retina";

.image {
  &.banner-wrapper {
    .retina('../images/frame/banner/banner_bg_simple.jpg', 2, cover, center center no-repeat);
  }

  &.about {
    .retina('../images/frame/about/about_bg.png', 2, cover, center center no-repeat);
  }

  &.banner {
    .retina('../images/frame/banner/banner_bg_new.jpg', 2, cover, center center no-repeat);
  }

  &.logo {
    .retina('../images/frame/logo.png', 2, cover, center center no-repeat);
  }

  &.flower_front {
    .retina('../images/frame/slogan/slogan_flower_front.png', 2, cover, center center no-repeat);
  }

  &.flower_back {
    .retina('../images/frame/slogan/slogan_flower_back.png', 2, cover, center center no-repeat);
  }

  &.coming {
    .retina('../images/frame/carousel/coming.png', 2, cover, center center no-repeat);
  }

  &.arrow-left {
    .retina('../images/frame/carousel/arrow_left.png', 2, cover, center center no-repeat);
  }

  &.arrow-right {
    .retina('../images/frame/carousel/arrow_right.png', 2, cover, center center no-repeat);
  }

  &.about-btn-group {
    .retina('../images/frame/about/about_btn_group_bg.png', 2, cover, center center no-repeat);
  }

  &.banner-btn-group {
    .retina('../images/frame/banner/banner_btn_group_bg.png', 2, cover, center center no-repeat);
  }
}